<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>26_2D-多重变换-案例练习</title>

        <style>
            div {
                position: absolute;
                left: 50%;
                top: 50%;

                width: 200px;
                height: 200px;
                background-color: #dd302d;

                font-size: 100px;
                text-align: center;
                line-height: 200px;
                font-weight: bold;
                font-family: '华文楷体';

                transform: translate(-50%,-50%) rotate(45deg);
            }

            span {
                color: gold;
                display: inline-block;
                transform: rotate(135deg);
            }
        </style>


    </head>
    <body>
        <div>
            <span>福</span>
        </div>
    </body>
</html>